<app-public-tab-user class="public-tab-user" [ngClass]="{'right-full':isActive, 'right-off':!isActive }"></app-public-tab-user>
<!-- contain BEGIN -->
<div class="right-product right-full background-input  animate-time right-product-user" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
    <div class="center-back right-back">
        
        <!-- <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '功能权限管理', 'threeLevel' : '权限管理' }"></app-breadcrumb> -->

        <!--  -->
        <!-- 操作 BEGIN -->
        <div class="button-group">
            <button type="button" class="btn btn-blue" data-toggle="modal"  mat-button data-target="#newlyAdded" *ngIf="right['privilege']['create']">
                <span class="glyphicon glyphicon-plus"></span> 新增
            </button>


            <button type="button" class="btn btn-orange"  mat-button (click)="deletes()" *ngIf="right['privilege']['batchDelete']"  [disabled]="isSelect" (click)="reduction()">
                <span class="glyphicon glyphicon-trash"></span> 批量删除
            </button>

            <!-- search BEGIN -->
            <div class="input-group pull-left search-width" *ngIf="right['privilege']['query']">
                <input type="text" class="form-control search-input" placeholder="请输入权限名称，权限编码搜索" [(ngModel)]="searchData.queryCriteria" (input)="changesearch()" (keyup.enter)="changesearch()" >
                <button class="btn btn-search btn-blue" (click)="search()"mat-button>查询</button>
            </div>                        
            <!-- search END -->

        </div>
        <div class="container-fluid">
            <div class="info-center">
                <div class="contain">
                    <div class="clearfix"></div>
                    <app-privilege-table #table 
                                         [tableNumber]="tableNumber"
                                         (tabeListOutput)="ParentList($event)" 
                                         (detailsOutput)="ParentDetails($event)" 
                                         (isSelectFromTable)="isSelectFromTableHandler($event)"
                                         >
                    </app-privilege-table>
                </div>
            </div>
            <app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
        </div>
        <!-- 表格 END -->
    </div>
</div>

<app-privilege-newly-added (addOutput)="ParentAdd($event)"></app-privilege-newly-added>
<app-privilege-details [getTabVal]="tabVal"></app-privilege-details>
<app-privilege-edit [getTabVal]="tabVal" (updateOutput)="ParentUpdate($event)"></app-privilege-edit>
<app-privilege-delete [getRmTabId]="operationId" (deleteOutput)="ParentDelete($event)"></app-privilege-delete>